import {ref} from 'vue'
import {generateId} from '../util/todoStorage'

export default function useNewTodo(todosRef){
  const newTodoRef = ref('') //新任务的标题
  const addTodo =()=>{
      //新增一个任务
      const value = newTodoRef.value && newTodoRef.value.trim()
      if(!value) return
    //   console.log(newTodoRef.value,'xinzeng')
    //生成一个任务对象，加入任务列表内
    const todo = {
        title:value,
        completed:false, //任务是否完成
        id:generateId() //设置一个唯一标号
    }
    // console.log(todo,'todo')
    todosRef.value.push(todo)
    //清空输入框
    newTodoRef.value = ''
  }
  return {
    newTodoRef,
    addTodo
  }
}

